<template>
    <div class="ZrzV">
                <dl>
                    <dt><img :src="homeData.img" alt=""></dt>
                    <dd>
                        <p>Python零基础新手小白入门到项目实战【六星教育】</p>
                        <div>
                            <em>进度：2/9节</em>
                            <em>继续教育</em>
                        </div>
                        <div>
                            <span style="color:#f4621f;font-size:12px" >免费</span><span style="color:#999;font-size:12px; margin-left: 15px;">5111人最近报名</span>
                        </div>
                    </dd>
                </dl>
    </div>
</template>

<script>
    export default{
         props:['homeData','i'],
        data(){
            return{
                Data:10,
                idx:0
            }
        },
       
        
    }
</script>
<style lang="less" scoped>
*{
    padding: 0;
    margin: 0;
}
    .ZrzV{
        dl{
            width: 220px;
            padding: 7px;
            // border: 1px solid black;
            margin-bottom: 5px;
            &:hover{
                box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.5);
            }
            dt{
                
                img{
                    width: 220px;
                }
            }
            dd{
                p{
                    font-size: 14px;
                    margin: 5px 0;
                }
                div{
                    em{
                        font-size: 12px;
                        color: #999;
                        margin-right: 5px;
                    }
                    
                }
            }
        }
    }
</style>